<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
														<div class="form-group">	
								<label class="col-sm-3 control-label">金额：</label>
								<div class="col-sm-8">
									<input id="number" name="number" class="form-control" type="number">
								</div>
							</div>
								<div class="form-group">
								<label class="col-sm-3 control-label">收款码</label>
									<button type="button" class="layui-btn" id="test1">
										<!--<i class="fa fa-cloud"></i>上传文件-->
									</button>

							</div>
							<div class="form-group">
								<input type="hidden" id="fileId" name ="fileId">
								<img alt="image" style="width: 100px ;height: 100px; display:none " id="flieUrl"  class="img-responsive" src=''>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<!--<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="/js/bootstrap-paginator.min.js"></script>

	<script src="/js/content.js?v=1.0.0"></script>-->
	<script src="/js/layui.js"></script>
	<!--<script src="/js/plugins/clipboard/clipboard.min.js"></script>
	<script src="/js/plugins/layer/layer.min.js"></script>
	<script src="/js/vue.min.js"></script>-->
	<script type="text/javascript" src="/js/appjs/withdraw/add.js"></script>
<script>
	layui.use('upload', function () {
		var upload = layui.upload;
		//执行实例
		var uploadInst = upload.render({
			elem: '#test1', //绑定元素
			url: '/common/sysFile/upload', //上传接口
			size: 1000000,
			accept: 'file',
			done: function (r) {
				layer.msg(r.msg);
				$("#fileId").val(r.fileId);
				$("#flieUrl").attr("src",r.fileName);
				$("#flieUrl").show();
			},
			error: function (r) {
				layer.msg(r.msg);
			}
		});
	});
</script>
</body>
</html>
